import { View, StyleSheet, Pressable } from 'react-native'
import { common } from '../assets/style/common'
import { useContext } from 'react'
import { NavigationContext } from '@react-navigation/native'
export default function MoreMenu() {
  const navigation = useContext(NavigationContext)
  function goShare() {
    navigation?.navigate('ShareModel')
  }
  return (
    <Pressable style={[style.moreMenu, common.flexCol]} onPress={goShare}>
      <View style={style.dot} />
      <View style={style.big} />
      <View style={style.dot} />
    </Pressable>
  )
}

const style = StyleSheet.create({
  moreMenu: {
    width: 28,
    height: 32,
    marginLeft: 12,
  },
  dot: {
    width: 4,
    height: 4,
    borderRadius: 2,
    backgroundColor: '#ffffff',
  },
  big: {
    width: 6,
    height: 6,
    borderRadius: 4,
    margin: 5,
    backgroundColor: '#ffffff',
  },
})
